<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <style>
    .marquee {
      width: 1170px;
      height: 20px;
      margin: 0 auto;
      overflow: hidden;
      /* white-space: nowrap; */
      box-sizing: border-box;
      animation: marquee 10s linear infinite;
    }

    .marquee:hover {
      animation-play-state: paused
    }

    /* Make it move */

    @keyframes marquee {
      0% {
        text-indent: 25em
      }

      100% {
        text-indent: -100em
      }
    }



    /* Make it pretty */

    .microsoft {
      padding-left: 1.5em;
      position: relative;
      font: 16px 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
      color: rgb(102, 102, 102);
      background: rgb(255, 248, 233) none repeat scroll 0% 0%;
    }

    span {

      position: absolute;
      /* left: 0; */
      animation: spanmove 20s linear infinite;

    }

    @keyframes spanmove {
      0% {
        left: 30px;
      }

      100% {
        right: 50px;
      }
    }

    /* ::before was :before before ::before was ::before - kthx */

    /* .microsoft:before,
    .microsoft::before {
      z-index: 2;
      content: '';
      position: absolute;
      top: -1em;
      left: -1em;
      width: .5em;
      height: .5em;


    }

    .microsoft:after,
    .microsoft::after {
      z-index: 1;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1.4em;
      height: 1.4em;
      background: #FFF8E9 url(img/horn.png)no-repeat center;
      background-size: 18px 18px;

    } */
  </style>
</head>

<body>

  <div class="microsoft marquee">
    <span>
      味多美部分产品涨价通知:
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      尊敬的顾客：非常感谢您对味多美公司长
      2018.11.25
    </span>

  </div>

</body>

</html>